*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
nav .container{
    margin-left: 95px;
    padding-left: 0;
}
.nlt  li :hover {
    color: #FF781C;
}

.main-top{
    margin-top: 78px;
    margin-bottom: 78px;
}
 .text-center p{
    font-size: 15px;
}
main .card {
    border: 0;
}
.main-bottom{
    padding-top: 78px;
    padding-bottom: 78px;
}
.main-bottom .card-body {
    padding: 0;
    margin: 20px 0;
}
.main-bottom .card-body p{
    font-size: 15px;
}
.card-title {
    margin-bottom: 0;
}
.main-top-bottom .row .card .row .col-md-8 div p{

    font-size: 0.8rem;
}
.main-top-bottom .row .card .row .col-md-8 div {
    padding: 0;

}
.main-top-bottom .row .card .row .col-md-4{
    display: flex;
    justify-content: center;
    align-items: center;

}
 .main-con{
    background: #f68a2f;
    padding-top: 84px;
     padding-bottom: 84px;
}
 .main-con .row{
     padding-top: 50px;
 }
 .l .top,.l .bottom{
     padding-top: 60px;
     padding-bottom: 60px;
 }
footer .top{
    background:#2d2d2d ;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fafafa;
}
footer .bottom{
    background: #202020;
    padding-bottom: 35px;
    padding-top: 35px;
    color: #d1d1d1;
}
.right{
    display: inline-block;
    float: right;

}
.main-con {
    color: #F9FFFF;
}
 @media (max-width: 600px) {
     .banner img,.main-con-bottom .ren{
     width: 100%
 }
     nav img{
         width: 30%;
         height: 40px;
     }
     nav .container{
         margin-left:  30px;
     }
     .main-top-bottom .row .card .row .col-3{
         display: flex;
         justify-content: center;
         align-items: center;
         font-size: 0.8rem;
     }

 }